<template>
  <div>
    <h2>组合API-计算属性</h2>
    <hr>
    <div>今年{{age}}岁了</div>
    <div>明年{{nextAge}}岁了</div>
  </div>
</template>
<script>
import { ref, computed } from 'vue'

export default {
  name: 'App',
  setup () {
    // 计算属性
    const age = ref(18)
    // 基于计算属性的方式计算明年几岁了
    const nextAge = computed(() => {
      // 实现计算的过程
      return age.value + 1
    })
    return { age, nextAge }
  }
}
</script>
